<template>
    <div>
        <filmswiper>
            <div class="swiper-slide" v-for="img in bannerData" :key="img.bannerId">
                <img :src="img.imgUrl" alt="">
            </div>
        </filmswiper>
        <filmheader></filmheader>
    </div>
</template>

<script>
import filmheader from '../views/film/Filmheader.vue'
import filmswiper from '../views/film/Filmswiper.vue'
import axios from 'axios'
export default{
    data(){
        return {
            bannerData:[]
        }
    },
    components: {
        filmheader,
        filmswiper
    },
    mounted () {
        axios({
            url: 'https://m.maizuo.com/gateway?type=2&cityId=440300&k=5697900',
            headers: {
                'X-Client-Info': '{"a":"3000","ch":"1002","v":"5.0.4","e":"16309772131414740752465921","bc":"310100"}',
                'X-Host': 'mall.cfg.common-banner'
            }
        }).then((res)=>{
            console.log(res.data.data)
            this.bannerData = res.data.data
        })
    }
}
</script>

